<%
	/* *
	 *功能：支付宝纯担保交易接口调试入口页面
	 *版本：3.3
	 *日期：2012-08-17
	 *说明：
	 *以下代码只是为了方便商户测试而提供的样例代码，商户可以根据自己网站的需要，按照技术文档编写,并非一定要使用该代码。
	 */
%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
	<title>支付宝纯担保交易接口</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
*{
	margin:0;
	padding:0;
}
ul,ol{
	list-style:none;
}
.title{
    color: #ADADAD;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px 5px 10px;
}
.hidden{
	display:none;
}

.new-btn-login-sp{
	border:1px solid #D74C00;
	padding:1px;
	display:inline-block;
}

.new-btn-login{
    background-color: transparent;
    background-image: url("images/new-btn-fixed.png");
    border: medium none;
}
.new-btn-login{
    background-position: 0 -198px;
    width: 82px;
	color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 3px;
}
.new-btn-login:hover{
	background-position: 0 -167px;
	width: 82px;
	color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 3px;
}
.bank-list{
	overflow:hidden;
	margin-top:5px;
}
.bank-list li{
	float:left;
	width:153px;
	margin-bottom:5px;
}

#main{
	width:750px;
	margin:0 auto;
	font-size:14px;
	font-family:'宋体';
	padding-top: 40px;
}
#logo{
	background-color: transparent;
    background-image: url("images/new-btn-fixed.png");
    border: medium none;
	background-position:0 0;
	width:166px;
	height:35px;
    float:left;
}
.red-star{
	color:#f00;
	width:10px;
	display:inline-block;
}
.null-star{
	color:#fff;
}
.content{
	margin-top:5px;
}

.content dt{
	width:160px;
	display:inline-block;
	text-align:right;
	float:left;
	
}
.content dd{
	margin-left:100px;
	margin-bottom:5px;
}
#foot{
	margin-top:0px;
	font-family: "微软雅黑";
	padding: 0;
}
.foot-ul li {
	text-align:center;
}
.note-help {
    color: #999999;
    font-size: 12px;
    line-height: 130%;
    padding-left: 3px;
}

.cashier-nav {
    font-size: 14px;
    margin: 15px 0 10px;
    text-align: left;
    height:30px;
    border-bottom:solid 2px #CFD2D7;
}
.cashier-nav ol li {
    float: left;
}
.cashier-nav li.current {
    color: #AB4400;
    font-weight: bold;
}
.cashier-nav li.last {
    clear:right;
}
.alipay_link {
    text-align:right;
}
.alipay_link a:link{
    text-decoration:none;
    color:#8D8D8D;
}
.alipay_link a:visited{
    text-decoration:none;
    color:#8D8D8D;
}
.STYLE2 {
	font-size: 14px;
	padding-left: 250px;
        }
.STYLE4 {	font-size: 14px
}
.STYLE5 {	font-size: 14px;
	height: auto;
	width: auto;
}
.price {	color: #FF6600;
	font-size: 14px;
	height: auto;
	width: 750px;
}
</style>
</head>
<body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=4>
	<div id="main">
	  <div id="head"><a href="${pageContext.request.contextPath }/homepage.do"> 欢迎光临文化沙龙</a><span class="STYLE2">您好，${sessionScope.user.userName }|<a href="login.do?userAction=logout">退出系统</a>|<a href="userorderslist.do">我的订单</a>|<a href="shopcartmanager.do">购物车</a>|<a href="#">客服电话</a>|<a href="#">加入我们</a></span>
      
	    <dl class="alipay_link"><dd>&nbsp;</dd>
              <dt>&nbsp;</dt>
              <dd>&nbsp;</dd>
        </dl>
      <span class="title">支付宝纯担保交易接口快速通道</span>	  </div>
        <div class="cashier-nav">
            <ol>
				<li class="current">1、确认信息 →</li>
				<li>2、点击确认 →</li>
				<li class="last">3、确认完成</li>
            </ol>
        </div>
        <form name=alipayment action="payment/alipayapi.jsp" method=post target="_blank">
            <div id="body" style="clear:left">
                <dl class="content">

						
						<input  type="hidden"  value="wangxinxx@163.com" size="30" name="WIDseller_email" />
						

					<dt>商户订单号：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDout_trade_no" value="${requestScope.orders.orderId }"/>
						<span>商户网站订单系统中唯一订单号，必填
</span>
					</dd>
					
					<dt>订单名称：</dt>
					<dd>
						<span class="null-star">*</span>
						
						
     <c:forEach items="${requestScope.orderitem }" var="orderItems" >
        <input size="30" name="WIDsubject" readonly="true" value="${orderItems.goodsName}">
     </c:forEach>
      
						<span>必填
</span>

					</dd>
					<dt>付款金额：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDprice" readonly="true" value="${requestScope.orders.totalPrice }" />
						<span>必填
</span>
					</dd>
					<dt>订单描述
：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDbody" />
						<span></span>
					</dd>
					<dt>商品展示地址：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDshow_url" />
						<span>需以http://开头的完整路径，如：http://www.商户网站.com/myorder.html
</span>
					</dd>
					<dt>收货人姓名：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDreceive_name" value="${requestScope.deliverInfo.userName }" />
						<span>如：张三
</span>
					</dd>
					<dt>收货人地址：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDreceive_address" value="${requestScope.deliverInfo.address }"/>
						<span>如：XX省XXX市XXX区XXX路XXX小区XXX栋XXX单元XXX号
</span>
					</dd>
					<dt>收货人邮编：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDreceive_zip" value="${requestScope.deliverInfo.postCode }"/>
						<span>如：123456
</span>
					</dd>
					<dt>收货人电话号码：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDreceive_phone" value="${requestScope.deliverInfo.phone }"/>
						<span>如：0571-88158090
</span>
					</dd>
					<dt>收货人手机号码：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" name="WIDreceive_mobile" value="${requestScope.deliverInfo.phone }"/>
						<span>如：13312341234</span>
					</dd>
                    <dt></dt>
                    <dd>
                        <span class="new-btn-login-sp">
                            <button class="new-btn-login" type="submit" style="text-align:center;">确 认</button>
                        </span>
                    </dd>
                </dl>
            </div>
		</form>
        <div id="foot">
          <p class="STYLE5"></p>
            <p>&nbsp;</p>
			<p>&nbsp;</p>
			<hr align="center" width="750" color="#FF6600" class="price" />
			<p>&nbsp;</p>
            <p align="center"> <br />
                <span class="STYLE4">公司简介&nbsp; |&nbsp;&nbsp; Investor
                  Relations&nbsp; |&nbsp; 诚征英才&nbsp; |&nbsp; 网站联盟&nbsp; |&nbsp;
                  广告服务&nbsp; |&nbsp; 文化沙龙招商&nbsp; |&nbsp; 机构销售&nbsp; |&nbsp;
                  手机文化沙龙&nbsp; |&nbsp; 官方 Blog </span> </p>
            <p align="center" class="STYLE4">&nbsp;</p>
            <div align="center"><span class="STYLE4">Copyright © 2014-2015 文化沙龙 版权所有
              增值电信业务经营许可证蒙B2-20120030 </span> </div>
            <p class="STYLE5"></p>
            <p>&nbsp;</p>
			<p>&nbsp;</p>
			<p>&nbsp;</p>
      </div>
	</div>
</body>
</html>